<style>
  .table-list .tr-one {
      background: #dde1ef;
      height: 30px;
      line-height: 30px;  
      width: 100%;   
  }
  .table-list .tr-two {
      width: 100%;   
      height: 30px;
      line-height: 30px;  
  }
  .table-list .tr-two td {
      padding-left: 10px; 
  }
  .table-list  table {
      width: 100%;
  }
</style>
<script>



</script>
<form class="form-horizontal" data="form">
<table class="table table-hover table-list">
    <foreach name="nodes" item="vo">
		<tr class="box-one">
		<td>
		<span style="color:#1baedb;font-size:20px">{$vo.remark}</span>&nbsp;<input type="checkbox" name="access[]" value="{$vo.id}-1" onclick="aa()" <in name="vo.id" value="$nodeIds">checked</in> class="conten-list"/>
		<input type="hidden" value="{$vo.id}"/>
		</td>
	   </tr>
	   <tr class="box-two">
	   <td>
	   <table >
	   <foreach name="vo.child" item="v">
	   <tr class='tr-one'>
	   <td style="background:#d6dee3"><span style="color:#1b9adb;font-size:16px;margin-left:10px;">{$v.remark}</span>&nbsp;<input type="checkbox"  name="access[]" value="{$v.id}-2" <in name="v.id" value="$nodeIds">checked</in>/>
	  </td>
	   </tr>
	   <tr class='tr-two'>
	   <td>
	   <foreach name="v.child" item="i">
	     <span>{$i.remark}</span>&nbsp;<input type="checkbox"  name="access[]" value="{$i.id}-3" <in name="i.id" value="$nodeIds">checked</in> /> 
	   </foreach>
	   </td>
	   </tr>
	 </foreach>
	   </table>
	   </td>
	   </tr>
		</foreach>
		<tr><td>
		
		<input type="hidden" value="{$pid}" name="partner_id"/>
			<button type="submit" class="btn btn-primary" data-loading-txt="提交中，请稍后……" data-ajax-url="__CONTROLLER__/setNode">保存更改</button>
	</td></tr>
		
</table>
</form>
<script>
$(".tr-two input").click(function(){
    $(this).parent().parent().prev(".tr-one").find("input").prop("checked",true);
    $(this).parents(".box-two").prev(".box-one").find("input").prop("checked",true);
    if($(this).parents(".tr-two").find("input:checked").size()=="0"){
       $(this).parents(".tr-two").prev(".tr-one").find("input").prop("checked",false);
    };
})
$(".tr-one input").click(function(){
   if($(this).is(":checked")){
    $(this).parents(".box-two").prev(".box-one").find("input").prop("checked",true);
    $(this).parents(".tr-one").next(".tr-two").find("input").prop("checked",true);
    $(this).parents(".box-two").prev(".box-one").find("input").prop("checked",true);
   }else{
     $(this).parents(".tr-one").next(".tr-two").find("input").prop("checked",false);
   }
})  
$(".box-one input").click(function(){
    if($(this).is(":checked")){
      $(this).parents(".box-one").next(".box-two").find("input").prop("checked",true);
    }else{
      $(this).parents(".box-one").next(".box-two").find("input").prop("checked",false);
    };  
    console.log($(this).parents(".box-one").next(".box-two").find("input").eq(0).is(":checked"));
}) 

</script>

